<template>
     <n-divider>用 v-for 把一个数组映射为一组元素</n-divider>
     <ul id="array-rendering">
          <li v-for="(item,index) in items" :key="index">
          {{ item.message }}
          </li>
     </ul>

</template>
    
<script setup lang='ts'>
import { reactive, ref } from "@vue/reactivity";
const items = reactive([{ message: 'Foo' }, { message: 'Bar' }]);

</script>
    
<style>
    
</style>